<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        #content {
            background-color: #2c313c;
            width: 100%;
            height: 800px;

            color: #9898a9;
        }
    </style>
    <meta charset="UTF-8">
    <script src="./js/marked.min.js" type="text/javascript"></script>
    <script src="./js/jquery.min.js" type="text/javascript"></script>
</head>
<body link="#84bff1" alink="red" vlink="#84bff1">
<div id="content"></div>


<script>
    $(function () {
        $.ajax({
            type: "get",
            url: "./usage/README.md",
            dataType: "html",
            success: function (res) {
                $("#content").append(marked.parse(res));  // 使用marked插件解析.md文件
                resetNodeAll()
            }
        })
    })

    /**
     * 重置单个节点 a 标签
     */
    function resetNode() {
        // 查找单个 a 标签, 替换掉
        let value = document.querySelector("a");
        // 方法2, 创建标签, 然后设置属性
        // 创建新超链接
        let htmlElement = document.createElement("a");
        htmlElement.setAttribute("href", "#")
        htmlElement.setAttribute("onclick", "callJava('" + value.href + "')")
        htmlElement.innerText = value.href

        // 插入到 原来链接的签名
        value.parentNode.insertBefore(htmlElement, value)
        // 移除原超链接
        value.parentNode.removeChild(value)
    }

    /**
     * 重置所有节点 a 标签
     */
    function resetNodeAll() {
        let nodeListOf = document.querySelectorAll("a");
        for (let i = 0; i < nodeListOf.length; i++) {
            // 获取每个节点
            let element = nodeListOf[i];
            console.log(element.innerHTML)
            // 创建超链接
            let newElement = document.createElement("a");
            newElement.setAttribute("href", "#")
            newElement.setAttribute("style", "text-decoration: none;");
            newElement.setAttribute("onclick", "callJava('" + element.href + "')")
            newElement.innerText = element.href

            // 插入到 原来链接的签名
            element.parentNode.insertBefore(newElement, element)
            // 移除原超链接
            element.parentNode.removeChild(element)
        }
    }

    /**
     * 回调 java 方法, 主要用于处理超链接的跳转, 使用系统浏览器
     * @param value
     */
    function callJava(value) {
        javaConnector.callJava(value);
    }

    /**
     * 回调 js 方法, 由 java 调用
     * @param value
     * @returns {string}
     */
    function callJs(value) {
        // document.getElementById('result').innerHTML = value;
        return "java 调用 js 成功";
    }
</script>

</body>


</html>